<html>
<head>{{template "meta.html"}}
	<title>Список рецептов | Что приготовить? Как приготовить?</title>
</head>
<body>
	{{template "header.html" .}}
	{{$category := .category}}
	<div class="container">

		<div class="content">

			<div class="page-header">
				<h1>Рецепты</h1>
			</div>

			<div class="row">
				<div class="span9">
					<ul class="breadcrumb">
						<li><a href="/">Главная</a> <span class="divider">/</span></li>
						<li class="active">Рецепты{{with $category}} ({{$category.Name}}){{end}}</li>
					</ul>
					
					{{range .recipes}}
						<article class="entry">
							<div class="recipeImg">
								<a href="recipe?code={{.Code}}">
									<img class="thumbnail" src="/file?key={{.Thumb}}" alt="{{.Name}}" title="{{.Name}}"/>
								</a>
							</div>
							<div class="ingredient-desc">
								<h3><a href="recipe?code={{.Code}}">{{.Name}}</a></h3>
								Ингредиенты:
								<ul class="ingredients-small">
									{{range .Ingredients}}
									<li>{{.Name}}</li>
									{{end}}
									{{if .HasMoreIngredients}}
									<li>...</li>
									{{end}}
								</ul>
							</div>
						</article>
					{{end}}
				</div>
				<div class="span3">
					<div class="well">
						<ul class="nav nav-list">
							<li class="nav-header">Категории рецептов</li>
							<li {{if not $category}}class="active"{{end}}><a href="recipes">Все</a></li>
							{{range .categories}}
							<li {{if eq .Id $category.Id}}class="active"{{end}}><a href="recipes?code={{.Code}}">{{.Name}}</a></li>
							{{end}}
						</ul>
					</div>
				</div>
			</div>
			{{template "footer.html"}}
		</div>
	</div>
</body>
</html>